<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="/hybrid/html/css/call.css">
		<title>视频通话</title>
	</head>
	<body>
		<!-- 接收显示 -->
		<div id="receive">
			<!-- 请求通话用户信息 -->
			<div class="request_info">
				<img id="req_img" src="/hybrid/html/img/2.jpg">
				<div class="req_info">
					<p class="request_name">xdy777</p>
					<p class="request_tips">邀请你视频通话</p>
				</div>
			</div>
			<!-- 视频 -->
			<div>
				<img id="receiveImg" src="/hybrid/html/img/1.jpg">
			</div>
			<!-- 接收挂断 -->
			<div class="receive_menu">
				<!-- 挂断 -->
				<div id="receive_handup" class="receive_btn">
					<div class="receive_img">
						<img src="/hybrid/html/img/handup.png">
					</div>
					<p>挂断</p>
				</div>
				<!-- 接收 -->
				<div id="receive_accept" class="receive_btn">
					<div class="receive_img">
						<img src="/hybrid/html/img//accept.png">
					</div>
					<p>接听</p>
				</div>
				<div class="receive_tips"></div>
			</div>
		</div>
		<!-- 请求显示 -->
		<div id="request">
			<div class="tips">
				等待对方接收邀请...
			</div>
			<div class="video_box">
				<img id="requestRemoteImg" src="/hybrid/html/img/2.jpg" />
				<div id="friendName">好友</div>
			</div>
			<div class="menu-list">
				<div class="handup">
					<img src="/hybrid/html/img/handup.png">
				</div>
				<p>取消</p>
			</div>
		</div>
		<!-- 连接通话后显示 -->
		<div id="connected" style="display: none;">
			<div id="time">00:00</div>
			<div id="connected_video_box">
				<video id="localVideo" autoplay playsinline muted poster="/hybrid/html/img/1.jpg"></video>
				<video id="remoteVideo" autoplay playsinline poster="/hybrid/html/img/2.jpg"></video>
			</div>
			<div id="conn_menu_list">
				<div id="over">通话结束</div>
				<div id="conn_handup">
					<img src="/hybrid/html/img/handup.png">
				</div>
			</div>
		</div>
		<!-- 背景铃声 -->
		<audio id="callAudio" loop src="/hybrid/html/static/call.mp3" autoplay></audio>
		<!-- 挂断提示音 -->
		<audio id="handupAudio" loop src="/hybrid/html/static/handup.mp3" loop="false"></audio>
		<!-- uniapp的引用 -->
		<script type="text/javascript" src="/hybrid/html//js/uni.webview.js">
		</script>
		<script type="text/javascript" src="/hybrid/html/js/call.js"></script>
	</body>
</html>
